<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择封面</title>
     <link rel="stylesheet" href="../include/css/index.css">
    <link href="../include/bootstrap-3.3.7-dist/css/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
    <script src="../include/tinymce/js/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>
    <script src="../include/tinymce/js/tinymce/tinymce.min.js"></script>
    <style>
        .public-btn {
            font-size: 12px;
            border-radius: 100px;
            padding: 6px 0;
            width: 100px;
            border: 1px solid #007bff
        }
        .left-btn {
            text-align: center;
            color: #007bff;
            margin-right: 14px;
            position: relative;
            display: inline-block;
            width: 130px
        }
        .left-btn input {
            position: absolute;
            top: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            cursor: pointer
        }
         .left-btn:hover {
            background: #007bff;
            color: #fff;
            transition: all .5s
        }
    </style>
</head>
<body>
<div style="width: 600px;height: 300px;margin: 0 auto;border: 2px solid #ccc; text-align: center;margin-top: 200px;">
    <h1>请选择封面：</h1>
     <form action="/upload/" enctype='multipart/form-data' method="post" style="margin:10px 0 0 10px ">
    <!--<input name="image" type="file" value="选择文件"/>-->
    <!--<input class="btn btn-info" name="ArticleId" type="hidden" >-->
    <!--<input class="btn btn-info" type="submit" value="上传封面图片"/>-->
    <div class="public-btn left-btn">
        选择封面<input name="image" type="file" value="">
    </div>
    <input class="btn btn-info" name="ArticleId" type="hidden" >
    <input class="public-btn left-btn" type="submit" value="确定"/>
  </form>
</div>

</body>
</html>